.PayslipDetails {
  .top {
    height: 44px;
    .fix {
      width: 16px;
      height: 16px;
    }
  }
  .information {
    height: 70px;
    .font {
      background-color: rgba(61, 212, 167, 0.2);
      border-radius: 5px;
      color: #3dd4a7;
      padding: 5px 5px;
    }
    .font1 {
      color: #999999;
    }
  }
  .tips {
    height: 36px;
    // padding: ;
    background-color: rgba(255, 199, 28, 0.0980392156862745);
    // border-color: rgba(255, 199, 28, 1);
    border: 1px solid rgba(255, 199, 28, 1);
  }
  .font2 {
    height: 44px;
    width: 100%;
    line-height: 44px;
  }
  .detailsList {
    .item {
      height: 44px;
      .details{
        width: 85px;
       
      }
      .totalmoney{
        color:#FFC71C;
    }
    }
  }
  .text{
    color:#999999;
  }
  .footer{
    height:55px;
    width: 100%;
    .text1{
        background-color: rgba(37, 97, 239, 1);
        color:#fff;
        width: 335px;
        height: 44px;
        bottom: 0px;
        line-height:44px;
        border-radius: 10px;

    }
  }
}
